Pbusiness

Responsive Prestashop Theme

Welcome

Thank you for purchasing our theme. We hope to guide you through all the aspects of the theme installation and the theme setup within this document. But if you have any questions that are beyond the scope of this documentation, please feel free to contact us via Themeforest.net.

Theme package structure

The structure for the theme package you downloaded is given below:
 
- “theme” folder: This folder contains the theme file (pbusiness.zip), which is required for the manual installation of the theme in your website.
 
- “documentation” folder: This folder contains the help files which will assist you in the installation and the management of the theme.
 
- “Licensing” folder: This folder contains license files

Installation

IV. If you are planning on installing the theme to an existing Prestashop website, this is the section that you have been looking for!
 
Follow these steps to install our theme manually:
 
1. Login to your backoffice and navigate to Preferences > Themes and click on “Add new theme”.
 
2. Choose your theme file (pbusiness.zip) from the “theme” folder in the downloaded file and click “Save”.
 
 
Note: If you face any error while uploading the theme file, it is also possible to manually upload the file (pbusiness.zip) to the “themes” directory of your Prestashop website.
 
 
Choose the pbusiness.zip file in “Import from ftp” section and click “Save”.
 
 
3. Activate Pbusiness theme. 
 
- Hover over Pbusiness theme and click on “Use this theme”.
 
 
Click “Save” when you are directed to the next page. (keep the options unchanged)
 
 
4. Set up image sizes
 
- Click on “Go to the thumbnails regeneration page”.
 
 
- Make sure your image sizes are configured as below
 
 
5. Congratulations! You have successfully completed the installation process.
 
The theme can now be viewed from the frontend. It might initially look blank since you have not uploaded any images or data. Upload content to complete your website. 
 
Time to look at what’s available in the backoffice after the installation of the Pbusiness theme! Most of our brand modules can be quickly accessed from anywhere in the backoffice, via the “Quick access” menu.
 

 

Theme options

- Access the front end of your website and click on the “Setting” button on the left. 

If you want to change the look and feel or the appearance of your website from what’s provided in the default configuration, choose different parameters from the given options and preview the website after each change.  
 
Note: These frontend panel settings are only available for previewing purposes. Therefore these parameters should be set up from the backoffice to make the changes permanent. 
 
- Go to the backoffice and choose “Theme configuration” from the “Quick access” menu, and set the parameters you have chosen earlier from the front end. This process will make the changes permanent in your website. 
 
 
* Note: 
- After the necessary changes are done, choose “No” to disable the front settings panel. (When your site is live).
- Here you can also change default copyright text according to your preference. (Copyright text is displayed in footer of your website).
- PBusiness theme supports 2 types of layouts: full width and boxed.
 
 

 

Custom modules

When one of our themes is purchased by a customer we also provide them with our advanced modules. These advanced modules will bring new and great features to your website making it easily manageable. 
 

1. HTML widgets

 
First of all you need to understand what widgets are. Widgets are combinations of text and images placed on specific positions (hooks) of the website. With this theme you can create unlimited widgets and place them in 12 different positions of your website. 
 
Let’s take a look at our frontend after the installation of the theme. These are the widgets that are available by default:
 
 
To manage widgets, choose “HTML widgets” from the “Quick access” menu in the backoffice.
 
 
You can add (or edit) widgets with custom images, text and html and position them in 12 different positions of the website. 
 
*Note: Uploading images with appropriate size to each widget is necessary because the upload of too large images could break the layout of the theme. 
 

2. Rich megamenu

 
- Our megamenu is organized by 3 main elements: menus, columns and blocks which will give you easy and flexible ways to create different types of simple or complex structures for your top menu.
 
 
- Go to your backoffice and choose “Megamenu” from the “Quick access” menu: This contains lots of different options for your menu such as adding new menus/columns/blocks, adding transition effects, using cache, customizing CSS, sorting your menu elements and many more.
 
 
*Note: if you are transferring your site to new hosting service or domain, the “Use cache” option should be deactivated by selecting the “no” option and should be reactivated once the website is transferred, by selecting the “yes” option. “Use cache” helps to load your site faster when you have a complex menu structure.
 
 

4. Blog module

 
With this theme you have one of the most powerful Prestashop blog modules in the market place! You have a separated menu to manage your blog in the backoffice. This menu helps you manage your blog posts, categories, comments, slider, gallery and settings.
 
*Note: Set up your “notification emails” from the settings area in the backoffice to receive notification emails when someone comments on one of your blog posts or reports a comment as abused. 
Tip: To have a link or a menu item to display your blog in the frontend of the website, copy the blog preview link from backoffice (shown in the image below) and add it to your top megamenu. Settings area gives you many different options for configuring your blog, take some time to check it out.
 
- Some frontend screenshots:
 
 
 

- Backoffice screenshot:

 

5. Home slider module

 
This is our customized Nivo slider module which contains great caption transition effects. 
 
- Frontend screenshot:
 
-Backoffice screenshot: 
 
Navigate to Quick access > Home slider to manage your slider.
 
 
*Note: 
 
- Upload slider images of the same size to create a smooth transition between 2 slides. Our recommended size is 1300 x 500 (px).
 
- Move captions to appropriate areas on each slide in the frontend by adjusting caption position/size parameters of each slide in backoffice
 
 

 

 
This module is used to display custom categories with products and banners in the home page.
 
- Frontend screenshot:
 
 
 
- Backend screenshots:
 
Navigate to “Quick access > Featured categories” to manage this module.
 
 

7. Top categories block

This module helps you to add a custom dropdown menu for categories at the top of the website.

- Frontend screenshot:

- Backend screenshot:

8. Top search block module

 
This is an advanced search module which provides an option for the customer to search for products in a specific category and show the product images.
 
- Frontend screenshot:
 
 
- Backend screenshot:
 
Navigate to “Quick access > Top search block” to manage the search module:
 
 
*Note: You must disable default Prestashop search module to make this module function properly. 
 

 

9. Product html block module

 
This module is present to add a custom html block to your product page in the frontend. 
 
Navigate to “Quick access > Product HTML block” to manage this module.
 
- Frontend screenshot:
 
 
- Backoffice screenshot:
 
 

*Tip: Edit the html block in HTML mode using the text editor to use html tags.  Use ‘Awesome font’ classes to make icon shapes.

 (For more references about how to use ‘Awesome font’ click here)

10. Manufacturers/brands module

 
- Frontend screenshot:
 
 
- Backoffice screenshot:
 
Navigate to Quick access > Manufacturers/ brands to use this module.
 
 
 
 
 

Thank you

Thank you again for purchasing our theme and going through this documentation. We hope this document has provided to be helpful and useful in the complete set up of your website. 
If you do have any questions for which the answer is not available in this document, please feel free to contact us.